<wide-header-page title="{{'Select Coin' | translate}}">
  <ion-buttons left *ngIf="useAsModal">
    <button class="close-container disable-hover" (click)="close()" ion-button>
      <ion-icon ios="md-close" md="md-close"></ion-icon>
    </button>
  </ion-buttons>
  <div page-content>
    <ion-list class="bp-list">
      <div *ngFor="let coin of coins">
        <button ion-item (click)="showWallets(coin)">
          <ion-icon class="item-img" item-start>
            <img src="assets/img/currencies/{{coin.unitCode}}.svg">
          </ion-icon>
          <ion-label>
            <div class="main-label">{{coin.name}}</div>
          </ion-label>
          <ion-note item-end *ngIf="coin.availableWallets.length > 0">
            <div class="available-wallets-container">
              <span class="available-wallets-label">{{coin.availableWallets.length}} Wallet<span *ngIf="coin.availableWallets.length > 1">s</span></span>
            </div>
          </ion-note>
        </button>
        <div class="line-divider"></div>
      </div>
    </ion-list>
  </div>
</wide-header-page>